<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <link href="wode/team.css" rel="stylesheet" />
    <script src="style/jquery.js"></script>
    <title>会员分配</title>
    <link rel="stylesheet" type="text/css" href="wode/demo.css" />
    <link rel="stylesheet" href="wode/pickout.css" />
    <link rel="stylesheet" href="css/index.css" />
    <style>
      .content {
        margin: 50px auto 0;
        width: 300px;
        min-height: 500px;
      }

      .form-group {
        width: 100%;
        float: left;
        margin: 5px 0;
      }

      label {
        margin-bottom: 10px;
        float: left;
      }

      .field-input,
      select {
        width: calc(100% - 20px);
        float: left;
        padding: 10px;
        font-family: inherit;
      }
      .baocun {
        background: #308dff;
        border: none;
        text-align: center;
        padding: 0.4rem 3rem;
        color: #fff;
        margin-top: 20px;
        border-radius: 5px;
      }
    </style>
  </head>
  <body>
    <div class="header-out" style="display: block">
      <div class="back"><img src="style/back-icon.png" />关闭</div>
      <div>我的专业</div>
      <script>
        $(".back").click(function () {
          history.back();
        });
      </script>
    </div>
    <div class="container" style="background: none; margin-top: 30px">
      <div class="content">
        <form action="/" onsubmit="onSubmit(event)" method="post">
          <div class="form-group">
            <label for="city">所在城市:</label>
            <section class="express-area">
              <a id="expressArea" href="javascript:void(0)">
                <dl>
                  <dd>请选择地点</dd>
                </dl>
              </a>
            </section>
            <!--选择地区弹层-->
            <section id="areaLayer" class="express-area-box">
              <article id="areaBox">
                <div class="top">
                  <h3>选择城市</h3>
                </div>
                <ul
                  id="areaList"
                  class="area-list"
                  style="margin-bottom: 500px"
                ></ul>
              </article>
            </section>
            <div id="areaMask" class="mask"></div>
            <script
              type="text/javascript"
              src="js/jquery-2.1.4.min.js"
            ></script>
            <script type="text/javascript" src="js/jquery.area.js"></script>
          </div>
          <div class="form-group">
            <label for="state">我的职业:</label>
            <select
              name="state"
              id="state"
              class="state pickout"
              placeholder="选择一个职位"
            >
              <option value="xz">选择一个职位</option>
              <option value="js">金融</option>
              <option value="ys">新零售</option>
              <option value="jr">网络开发</option>
              <option value="jz">运营推广</option>
              <option value="ls">制造业</option>
              <option value="cs">律师</option>
              <option value="sr">传媒</option>
              <option value="kj">传统行业</option>
              <option value="sjs">机关事业单位</option>
              <option value="qt">其他</option>
            </select>
          </div>
          <input type="submit" class="baocun" value="保存" />
        </form>
      </div>
    </div>
    <script>
      $(function () {
        var expressAreaText = sessionStorage.getItem("expressAreaText");
        var stateText = sessionStorage.getItem("stateText");
        if (expressAreaText) {
          $("#expressArea > dl > dd").text(expressAreaText);
        }
        if (stateText) {
          $("#state").val(stateText);
        }
      });
      function onSubmit(e) {
        e.preventDefault();
        var expressAreaText = $("#expressArea > dl > dd").text();
        var stateText = $("#state").val();
        sessionStorage.setItem("expressAreaText", expressAreaText);
        sessionStorage.setItem("stateText", stateText);
      }
    </script>
  </body>
</html>
